<!DOCTYPE html>
<html lang="en" style="font-size: 0.266666666666vw;">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="./css/free.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./icon/iconfont.css">

</head>

<body>
    <div class="bgc-gray">

        <div class="zhanwei">

        </div>

        <!-- 顶部 -->
        <div class="top">
            <div class="dashen">
                <a href="./index.html">
                    <span class="iconfont icon-xiangzuojiantou
            "></span>免费
                </a>
            </div>
            <div class="btn">
                <h1>男生</h1>
                <h1 class="girl">女生</h1>
            </div>

            <div class="sousuo">
                <span class="iconfont icon-fangdajing
                "></span>
                <img src="./img/dashen/menu.png" alt="">
            </div>

        </div>
        <!-- 本期限免 -->
        <div class="free-box">
            <div class="free">

                <div class="tit-left">
                    本期限免
                    <p class="time">
                        <b> <span id="hour">01</span><i>：</i> </b>
                        <b> <span id="min">04</span><i>：</i> </b>
                        <b> <span class="hour" id="second">19</span></b>


                    </p>
                </div>

            </div>
            <div class="free-content">
                <div class="xianmian">
                    <div class="xianmian-img">
                        <img src="./img/index/xianmian1.webp" alt="">
                    </div>
                    <p>我在四合院有个家</p>
                    <h4>海螺的曹阿瞒</h4>

                </div>
                <div class="xianmian">
                    <div class="xianmian-img">
                        <img src="./img/index/xianmian2.webp" alt="">
                    </div>
                    <p>隐士是如何练成的</p>
                    <h4>一家之煮</h4>
                </div>
                <div class="xianmian">
                    <div class="xianmian-img">
                        <img src="./img/index/xianmian3.webp" alt="">
                    </div>
                    <p>荒古禁区传道百年，狠人来拜</p>
                    <h4>躺尸三万年</h4>
                </div>
                <div class="xianmian">
                    <div class="xianmian-img">
                        <img src="./img/index/xianmina4.webp" alt="">
                    </div>
                    <p>绝世唐门之百变为王</p>
                    <h4>死亡吟唱</h4>
                </div>
                <div class="xianmian">
                    <div class="xianmian-img">
                        <img src="./img/index/xianmian5.webp" alt="">
                    </div>
                    <p>人在诸天，从被通缉开始</p>
                    <h4>一剑卷风云</h4>
                </div>
                <div class="xianmian">
                    <div class="xianmian-img">
                        <img src="./img/index/xianmian6.webp" alt="">
                    </div>
                    <p>华娱激荡年代</p>
                    <h4>黑色的单车</h4>
                </div>

            </div>

        </div>

        <!-- 下期限免 -->
        <div class="free-box">
            <div class="free">

                <div class="tit-left">
                    下期限免
                   
                </div>

            </div>
            <div class="free-content">
                <div class="xianmian">
                    <div class="xianmian-img">
                        <img src="./img/free/xq1.jfif" alt="">
                    </div>
                    <p>从山海经复苏开始</p>
                    <h4>和平鲨鱼</h4>

                </div>
                <div class="xianmian">
                    <div class="xianmian-img">
                        <img src="./img/free/xq2.jfif" alt="">
                    </div>
                    <p>剑众生</p>
                    <h4>离人横川</h4>
                </div>
                <div class="xianmian">
                    <div class="xianmian-img">
                        <img src="./img/free/xq3.jfif" alt="">
                    </div>
                    <p>做媒这一块，我谁都不服</p>
                    <h4>二蛇</h4>
                </div>
                <div class="xianmian">
                    <div class="xianmian-img">
                        <img src="./img/free/xq4.jfif" alt="">
                    </div>
                    <p>漫威世界的武神</p>
                    <h4>万年路痴</h4>
                </div>
                <div class="xianmian">
                    <div class="xianmian-img">
                        <img src="./img/free/xq5.jfif" alt="">
                    </div>
                    <p>我是烛中仙</p>
                    <h4>能优斯特</h4>
                </div>
                <div class="xianmian">
                    <div class="xianmian-img">
                        <img src="./img/free/xq6.jfif" alt="">
                    </div>
                    <p>大明孽子</p>
                    <h4>南山堂</h4>
                </div>

            </div>

        </div>

        <!-- 人气免费 -->
        <div class="changxiao">
            <div class="changxiao-tit">
                <div>
                    人气免费
                    <span>
                        人气最高的免费作品
                    </span>
                </div>
                <div>
                    <b>
                        更多 &gt;
                    </b>
                   
                </div>
            </div>
            <div class="changxiao-content">
                <div class="content2">
                    
                    <img src="./img/free/rq1.jfif" alt="">
                    <div>
                        <h1>宿命之环</h1>
                        <p class="jianjie">
                            诡秘世界第二部。1368之年，七月之末，深红将从天而降。
                        </p>
    
                        <p class="biaoqian">爱潜水的乌贼
                            <span>12.52万字</span>
                            <span>连载</span>
                            <span>玄幻</span>
    
                        </p>
                    </div>
    
                </div>
                <div class="content2">
    
                    <img src="./img/free/rq2.jfif" alt="">
                    <div>
                        <h1>一人之下，五福临门</h1>
                        <p class="jianjie">
                            【一人之下同人文】至诚君子，得而宝之，即福寿无疆。穿越到一人之下的世界里，李承真自知命小福薄，不愿争先。八奇技乃是取乱之术，他可无福消受，甲申之乱的真相，他也不感兴趣。他所求的，只有一个五福临门罢了。
                        </p>
    
                        <p class="biaoqian">汉寿亭猴
                            <span>16.83万字</span>
                            <span>连载</span>
                            <span>轻小说</span>
    
                        </p>
                    </div>
    
                </div>
                <div class="content2">
    
                    <img src="./img/free/rq3.jfif" alt="">
                    <div>
                        <h1>谁让他修仙的！</h1>
                        <p class="jianjie">
                            “我反复强调，修仙界的风气本来就是歪的，不是我带歪的，都说史书是胜利者书写的，那为什么我获胜了还总是有人诬陷我？”陆阳剑仙面对记者采访如此说道，表示非常愤怒。第二天。“我反复强调，修仙界的风气是我带歪
                        </p>
    
                        <p class="biaoqian">最白的乌鸦
                            <span>10.14万字</span>
                            <span>连载</span>
                            <span>仙侠</span>
    
                        </p>
                    </div>
    
                </div>
    
            </div>
        </div>

        <!-- 新书免费 -->
        <div class="changxiao">
            <div class="changxiao-tit">
                <div>
                    新书免费
                    <span>
                        点击最高的免费新书
                    </span>
                </div>
                <div>
                    <b>
                        更多 &gt;
                    </b>
                   
                </div>
            </div>
            <div class="changxiao-content">
                <div class="content2 ">
                    
                    <img src="./img/free/xs1.jfif" alt="">
                    <div class="xinshu-rig">
                        <h1 style="margin-top: 12rem;">无欲之术</h1>
                        <p class="jianjie">
                            来阅文旗下网站阅读我的更多作品吧！
                        </p>
    
                        <p class="biaoqian">精神病研究院长
                            <span>8327字</span>
                            <span>连载</span>
                            <span>武侠</span>

    
                        </p>
                    </div>
    
                </div>
                <div class="content2">
    
                    <img src="./img/free/xs2.jfif" alt="">
                    <div >
                        <h1>魔王的进阶之路</h1>
                        <p class="jianjie">
                            身为一位反派，该如何才能摆脱必败的宿命？王凯：我便是宿命，赢的只会是我！让我们来看一位魔王是如何带领自己的部下达到巅峰的。
                        </p>
    
                        <p class="biaoqian">混沌.
                            <span>1.44万字</span>
                            <span>连载</span>
                            <span>奇幻</span>
    
                        </p>
                    </div>
    
                </div>
                <div class="content2">
    
                    <img src="./img/free/xs3.jfif" alt="">
                    <div class="xinshu-rig">
                        <h1 style="margin-top: 12rem;">奇案预备</h1>
                        <p class="jianjie">
                            无知的人生最为美好。
                        </p>
    
                        <p class="biaoqian">不知梦所云
                            <span>1712字</span>
                            <span>连载</span>
                            <span>都市</span>
    
                        </p>
                    </div>
    
                </div>
    
            </div>
        </div>
    





    <div class="denglu">
        登录后获得更多特色功能 ·
        <a href="./denglu.html"> <span>立即登录</span></a>

    </div>

    <div class="footer">
        <h1>
            <span>
                <img src="./img/wanben/qq.png" alt="">
                QQ阅读</span>
            <span>
                <img src="./img/wanben/hx.png" alt="">
                红袖添香
            </span>
        </h1>
        <h2>
            <span>客户端</span>
            <span style="color: black;">触屏版</span>
            <span>帮助与客服</span>
            <span>搜索</span>
        </h2>
        <h3>
            <p>网站备案/许可证号：沪B2-20080046-1</p>
            <p>互联网宗教信息服务许可证 编号：沪（2022）0000022</p>
            <p>copyright © 2002-2023 m.qidian.com</p>
        </h3>

    </div>
</div>

    <div class="xiazai">
        <div>
            下载起点读书，新用户免费读14天
        </div>
    </div>
    </div>

    <script>
          let hourSpan =document.getElementById('hour');
            let minSpan =document.getElementById('min')
            let secondSpan = document.getElementById('second')
            setInterval(()=>{
               let h = +hourSpan.innerHTML;
               let m = +minSpan.innerHTML;
                let s = +secondSpan.innerHTML;

                s--;
                if(s < 0){
                    s=59;
                    m--;
                }
                if( m<0){
                    m=59;
                    h--;
                }
                h= h < 10 ? '0'+h : h;
                m= m < 10 ? '0'+m : m;
                s= s < 10 ? '0'+s : s;
                
                secondSpan.innerHTML=s;
                minSpan.innerHTML=m;
                hourSpan.innerHTML=h;

                }

            ,1000)
    </script>

</body>

</html>